﻿@charset "utf-8";
/* CSS Document */
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,form,input,select,option,table,thead,tfoot,tbody,tr,th,td,em,span,sup,sub,b,i,u,big,small,hr,video,br {margin:0;padding:0;}
input,label,select,option,textarea,button { font-size:100%; color:#555; border:0; border:none; outline:none; outline:0;
-webkit-appearance:none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
ul,ol,li { list-style:none; }
hr { margin-top:1em; border:0; background-color:#ddd; height:1px; overflow:hidden; }
::selection{ background:#000; color:#fff;} 

img,video { border:none; padding:0; display:block; margin:0 auto; }
*img { -ms-interpolation-mode:bicubic; } /* IE img */
video { background-size:100%;}

html { width:100%; height:100%; overflow:yes; overflow:scroll; overflow-x:hidden;  }
*html{ background-image:url(about:blank); background-attachment:fixed;  }

body { width:100%;height:100%; text-align:center; font-family:Arial; font-size:1em; line-height:1.5; font-style:normal; color:#555; background-color:#f5f5f5; background-attachment:fixed; background-repeat:no-repeat; background-position:center top;
background-size:100% auto; }
p { margin-top:1em; word-wrap:break-word; white-space:normal; word-break:break-all;}



h1,h2,h3,h4,h5,h6,dt { font-weight:normal;}

h1 { font-size:1.5em; }
h2 { font-size:1.5em; }
h3 { font-size:1.25em; }
h4 { font-size:1.125em;}
h5 { font-size:1.125em; }
h6 { font-size:1em; }


a { text-decoration:none; outline:none; color:#333;}
a:hover { text-decoration:none; color:#09f; }

big { font-size:1.5em;}
small { font-size:.5em; text-transform:uppercase;}

sup,sub { display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:.75em; }
*sup,*sub { font-size:.5em; }

.disabled { position:relative;}
.disabled:after { content:url("../image/icon/disabled.png"); display:none; position:absolute; right:0; top:0; width:16px; height:16px; clear:both; }
.disabled:hover::after { display:block; }

.disabledTip { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; position:absolute; left:0; top:0; padding:1px 3px; max-width:100px; clear:both; font-size:12px; color:#c00; border:1px solid #fcc; border-radius:3px; text-align:center; background-color:#ffc; }


.tip  { color:#c09853 !important; margin-top:1em; margin-bottom:1em;
  padding: 1em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	}



.f_r { float:right;}
.f_l { float:left;}

.lh_1 { line-height:1 !important;}
.fw_b{ font-weight:bold !important;}
.fw_n{ font-weight:normal !important;}

.imgfull img { width:100%;}

.border { border:1px solid #ddd;}
.noborder { border:none;}
.bdc_999 { border-color:#999 !important;}
.bdc_f00 { border-color:#f00 !important;}
.bd_none { border:none !important;}

.white { color:#fff !important;}
.black { color:#000 !important;}
.red { color:#f00 !important;}
.green { color:#090 !important;}
.yellow { color:#f60 !important;}
.purple { color:#f0f !important;}
.grey { color:#999 !important;}
.blue { color:#09f !important;}
.color_c { color:#ccc !important;}
.color_9 { color:#999 !important;}



.bgfff { background-color:#fff !important;}
.bgf5f5f5 { background-color:#f5f5f5 !important;}
.bgeee { background-color:#eee !important;}
.bg000 { background-color:#000 !important;}
.bg666 { background-color:#666 !important;}
.bgf80 { background-color:#f80 !important;}
.bg06c { background-color:#06c !important;}
.nobg { background:none !important;}

.ta-l { text-align:left !important;}
.ta-c { text-align:center !important;}
.ta-r { text-align:right !important;}

.fs12 { font-size:12px !important;}
.fs14 { font-size:14px !important;}
.fs16 { font-size:16px !important;}
.fs18 { font-size:18px !important;}
.fs20 { font-size:20px !important;}
.fs22 { font-size:22px !important;}

.pd0 { padding:0 !important;}
.pt0 { padding-top:0 !important;}
.pt2 { padding-top:2% !important;}
.pt4 { padding-top:4% !important;}
.pt6 { padding-top:6% !important;}

.pb0 { padding-bottom:0 !important;}
.pb2 { padding-bottom:2% !important;}
.pb4 { padding-bottom:4% !important;}
.pb6 { padding-bottom:6% !important;}

.mg0  { margin:0 !important;}
.mt0 { margin-top:0 !important;}
.mt2 { margin-top:2% !important;}
.mt4 { margin-top:4% !important;}
.mt6 { margin-top:6% !important;}

.mb0 { margin-bottom:0 !important;}
.mb2 { margin-bottom:2% !important;}
.mb4 { margin-bottom:4% !important;}
.mb6 { margin-bottom:6% !important;}

.dp_b { display:block !important;}
.dp_ib { display:inline-block !important; *display:inline; *zoom:1;}


/********* textarea input ********************************************************************************/
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#999;}

input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;}



textarea { font-size:1.25em; line-height:1.5; color:#ccc; background-color:#fff; border-radius:3px; transition: .5s ease-in-out; text-align:left; border-style:solid; border-width:1px; border-color:#666 #ccc #ccc #666; padding:.5em 1%; margin:-1px; width:98%; min-height:100px; }
textarea.on { color:#333; border-color:#999; border-bottom:1px solid #333; box-shadow:1px 1px 2px #aaa inset;}
textarea.ok { color:#000; }
textarea.error { border-top:1px solid #f00; }
textarea.error:-ms-input-placeholder {color:#f00;}
textarea.error::-webkit-input-placeholder {color:#f00;}
textarea.error:-moz-placeholder {color:#f00;}
textarea.error::-moz-placeholder {color:#f00;}



input { font-size:1.125em; line-height:1.5; color:#ccc; background-color:#fff; width:100%; padding:.5em 0; transition: .5s ease-in-out; text-align:left; border-bottom:1px solid #ccc;}
input.on { color:#333; border-color:#333;}
input.ok { color:#000;}
input.error { border-color:#f00;}
input.error:-ms-input-placeholder {color:#f00;}
input.error::-webkit-input-placeholder {color:#f00;}
input.error:-moz-placeholder {color:#f00;}
input.error::-moz-placeholder {color:#f00;}




input[type='buttom'],input[type='reset'] { width:auto; box-shadow:none; padding:auto; text-align:center; cursor:pointer; }
input[type='checkbox'] { width:auto; cursor:pointer; margin:auto; padding:auto; text-align:center; -webkit-appearance:checkbox; }
input[type='submit'] { width:100%; cursor:pointer; padding:auto; text-align:center;}


.search_k { margin:1em 0; clear:both; text-align:left;  }
.search_k input[type='text'] { width:75%; border-right:none; background-color:transparent; }
.search_k input[type='submit'] { width:23%; background-position:center center; background-repeat:no-repeat; background-color:transparent; background-image:url(/weboss/images/sch_y.png); text-indent:-999em; }
.search_k input[type='text'].on { color:#f60; border-color:#f60;}
.search_k input[type='text'].ok { color:#090;}


i.error { color:#f00; font-size:12px;}


.price input[type='text'] { height:45px; line-height:45px; padding:0 1%; }




.city_wrap { width:100% !important; clear:both; display:block !important;}
.city_wrap li { position:relative; margin-bottom:34px; }
.city_wrap div.on { display:block;}

.city_content { display:none; position:absolute; left:0; top:45px; z-index:8001; width:100%; padding:8px 0 0 0;overflow:auto; *zoom:1; border:1px solid #aaa; box-shadow:0px 1px 2px #666; border-radius:0 0 3px 3px; background-color:#fff; margin:0 -1px; height:200px; }

.city_list { width:100%; padding-bottom:10px; overflow:hidden; *zoom:1; }

.city_list b { display:inline-block; *display:inline; *zoom:1; vertical-align:top; color:#36c; word-break:break-all; white-space:nowrap; padding:1px 5px; cursor:pointer; margin:11px -9px 0 5px; font-weight:normal; float:left;}

.city_list .city_a { display:table-cell; *display:inline-block; width:5000px; *width:auto; vertical-align:top;}

.city_list a { display:inline-block; *display:inline; *zoom:1; vertical-align:top; color:#999; word-break:break-all; white-space:nowrap; padding:1px 5px; cursor:pointer; margin:10px 0 0 10px; border-style:dashed; border-width:1px; border-color:#eee; border-radius:3px; }
.city_list a:hover { color:#f00; background-color:#eee;}

/*******************  table   ****************************************************/
table { border-collapse:collapse; border-spacing:0; text-align:center; border:none; color:#666; margin:1em auto; width:100%; max-width:100%;}

table thead {background-color:#eff3f5; font-size:.875em;}
table tbody {background-color:#fff; }
table tfoot {background-color:#ffe; font-size:.875em; }


table th,table td { border:1px solid #ddd; font-size:.875em; padding:10px;}
table table th,table table td { border:none; }
table th { color:#555; font-weight:bold;  }
table tr:first-child {}

table thead th,table thead td { padding:20px 10px;}
table tbody th,table tbody td { padding:10px 10px;}

table b { white-space:nowrap; font-weight:normal;}
table strong { white-space:nowrap; }
 
.tableodd { background-color:#eff3f5;}
.tablehover { background-color:#fff; box-shadow:0 0 1em #ddd inset; }
 
 
.tablewrap { width:100%; overflow-y:auto; _overflow: auto;}
.tablewrap::-webkit-scrollbar {-webkit-appearance: none;width: 14px;height: 14px;}
.tablewrap::-webkit-scrollbar-thumb {border-radius: 8px;border: 3px solid #fff; background-color: rgba(0, 0, 0, .3);}







.imgdiv { overflow:hidden; text-align:center;}
.imgdiv img { display:block; margin:0 auto; max-width:100%;}






.clear {clear:both;}
.clearfix:after,.menubox:after,.modbox:after { content:"\200B";display:block; height:0; clear:both; }
.clearfix,.menubox,.modbox { *zoom:1; }



.box:after,.boxfull:after { content:"\200B";display:block; height:0; clear:both; }
.box,.boxfull { *zoom:1; margin:0 auto; position:relative; text-align:left;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.box {  width:92%;}
.boxfull { width:100%;}





.left { display:inline-block; float:left; *display:inline; *zoom:1; vertical-align:top; position:relative;  }
.right { display:inline-block; float:right; *display:inline; *zoom:1; vertical-align:top; position:relative;  }
.center { display:table-cell; *display:inline-block; width:5000px; *width:auto; vertical-align:top; position:relative;  }
.centerinner {}





/*******************  anniu   ****************************************************/
.icon { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; overflow:hidden; *zoom:1; margin:0; padding:0;  text-decoration:none;}

.iconArrow { width:16px; height:16px; margin:0 5px; background-position:center center; background-repeat:no-repeat;}
.iconArrowR { background-image:url(/weboss/images/arrowr.png);}

.iconCity { padding:.25em .5em; border:1px solid #ddd; border-radius:5px; padding-left:1.25em; background-repeat:no-repeat; background-position:.375em center;}
.iconCityFrom { background-image:url(/weboss/images/iconcityfrom.png);}
.iconCityTo { background-image:url(/weboss/images/iconcityto.png); }






/*******************  anniu   ****************************************************/
.anniu0 { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; text-align:center; margin:1em 0; color:#fff; padding:.5em 1em; font-size:1em; text-decoration:none; border-radius:99em; cursor:pointer; overflow:hidden;}
.anniu0:hover { color:#fff; text-decoration:none; }



.anniu0-pd2x { padding:1em 1.5em;}



.anniu-y { background-color:#fa0; border:1px solid #f90; }
.anniu-y:hover {  background-color:#fb0; border:1px solid #fa0; }

.anniu-b { background-color:#39c; border:1px solid #38c; }
.anniu-b:hover { background-color:#38c; border:1px solid #37c; }

.anniu-r { border:1px solid #ff2d51; background:#ff4777;}
.anniu-r:hover { border:1px solid #ff4777; background:#f00056;}

.anniu-g { border:1px solid #390; background:#36A803;}
.anniu-g:hover { border:1px solid #363; background:#390;}

.anniu-e { border:1px solid #ddd; color:#f00; }
.anniu-e:hover { border:1px solid #ccc; color:#f00; background:#fff;}

.anniu-f { border:1px solid #c93; color:#c93; }
.anniu-f:hover { border:1px solid #c63; color:#c63; }



.anniu-bg-f { border:none; background-color:#fff; color:#08f; }
.anniu-bg-f:hover { background-color:#08f; color:#fff; }

.anniu-bg-b { border:none; background-color:#08f; color:#fff; }
.anniu-bg-b:hover { background-color:#09f; color:#fff; }

.anniu-bg-y { border:none; background-color:#f70; color:#fff; }
.anniu-bg-y:hover { background-color:#f80; color:#fff; }

.anniu-bg-c { border:none; background-color:#eee; color:#333; }
.anniu-bg-c:hover { background-color:#000; color:#fff; }


.anniu-bd-f { border:1px solid #fff; color:#fff; }
.anniu-bd-f:hover { border:1px solid #eee; box-shadow:0 3px 5px #333; background-color:#fff; color:#000; }

.anniu-bd-b { border:1px solid #08f; color:#08f; }
.anniu-bd-b:hover { border:1px solid #09f; color:#09f; box-shadow:0 3px 5px #09f; }

.anniu-bd-y { border:1px solid #f70; color:#f70; }
.anniu-bd-y:hover { border:1px solid #f80; color:#f80; box-shadow:0 3px 5px #f80; }

.anniu-bd-c { border:1px solid #ccc; color:#999; }
.anniu-bd-c:hover { border:1px solid #999; color:#000; box-shadow:0 3px 5px #999; }


.anniu-bd2x { border-width:2px;}
.anniu-bd2x:hover { border-width:2px;}



.anniu-box a { display:inline-block; *zoom:1; vertical-align:middle; white-space:nowrap; padding:5px 10px; margin:10px 5px 0 0; color:#999; background-color:#f6f6f6; border-radius:3px;}
.anniu-box a:hover{ color:#900; text-decoration:none; background-color:#d2e9ff; }



.anniu0img,.anniu0img-c {}
.anniu-img-l { padding-left:80px; background:url(/weboss/images/tel5.png) 10% center no-repeat;}

.anniu0img i { display:inline-block;  margin-left:.25em; transition:all 0.5s ease-in-out;}


.anniu0img:hover>i { transform:scale(1.2,1.2); }

.anniu0img-c { background-image:url(/weboss/images/anniu-more-b.png);}
.anniu0img-c:hover { background-image:url(/weboss/images/anniu-more.png);}











/**************/






.lie2ul { width:100%;}
.lie2ul ul { margin-right:-1%; overflow:hidden; *zoom:1;}
.lie2ul ul li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; float:left; width:49%; margin:40px 1% 0 0; }

.lie2ul table { margin:0 !important; }





.tools { position:fixed; right:0; top:40%; z-index:9901; width:48px; height:48px; font-size:20px;}
.tools a { display:block; width:48px; height:48px; line-height:48px; overflow:hidden; color:#fff; background-color:#333; position:absolute; left:0; top:0; cursor:pointer;}




.tools .onlinechat { z-index:9906; }
.tools .onlinechat:hover {background-color:#f00;}








.list_ul { overflow:hidden; *zoom:1; clear:both; }
.list_ul li { border-top:1px solid #eee; padding:.75em 0;   }
.list_ul li:first-child { border-top:none; }

.list_ul li a { display:block; overflow:hidden; *zoom:1;}

.list_ul li sup { display:inline-block !important; *zoom:1; vertical-align:top; overflow:hidden; color:#09f; font-size:.75em; text-align:center;}
.list_ul li sup img {width:100%;}
.list_ul li small {display:block; font-size:.875em; color:#ccc; }

.list_ul li .supLeft { float:left; margin-right:.5em; color:#09f; width:25px; height:25px; line-height:25px;  }
.list_ul li .supRight { float:right; margin-left:.5em; color:#ccc; margin-top:3px; word-wrap:break-word; word-break:normal;}


.list_ul li span { display:table-cell; *display:inline-block; width:2000px; *width:auto; vertical-align:top; border-left:1px solid #eee; padding-left:.5em; overflow:hidden;}










#customer { width:100%; clear:both; overflow:hidden; *zoom:1; }
.customer {}
.customer li {}
.customer li>div {text-align:center; padding:10%; }

.customer li u { display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; text-decoration:none;  text-align:center; margin:0 auto; padding:1em; color:#333; background-image:url(/weboss/images/liuyan0.png); background-repeat:no-repeat; background-position:center center; background-color:#f90; border-radius:50%; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.customer li i { display:block; *zoom:1; vertical-align:top; overflow:hidden; color:#999; font-size:.875em; padding:1em; }

.customer li span { display:table-cell; *display:inline-block; width:2000px; *width:auto; vertical-align:top; }

.customer li sup { display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; padding:1em; background-position:0 0; background-repeat:no-repeat; }

.customer li .quote-left { background-image:url(/weboss/images/quote_left.gif); }
.customer li .quote-right { background-image:url(/weboss/images/quote_right.gif);  background-position:right 0;}

.customer a:hover u { -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); background-color:#f60; }
.sidebar .customer li span { text-align:left;}

.customer .swiper-slide-active u {}



#mySwiper9,#mySwiper99,#mySwiper999 { height:240px; overflow:hidden; *zoom:1; }
.submenu {clear:both; }
.submenu li { width:100% !important; text-align:left; height:60px; line-height:60px; border-top:1px dashed #ddd; margin-top:-1px; }
.submenu li:first-child { border-top:none; margin-top:0;}
.submenu li h2 { margin:0;}

.submenu li a { display:block; *zoom:1; width:90%; height:100%; padding:0 10% 0 0; background-image:url(/weboss/images/arrow_999_r16.png); background-repeat:no-repeat; background-position:102% center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.submenu li a:hover { background-image:url(/weboss/images/arrow_f60_r16.png);  animation:submenu 1s infinite linear; }

.submenu li u { text-decoration:none; display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; width:10%; height:30px; line-height:30px; text-align:center; background-color:#eee; border-radius:60px; margin-top:15px; margin-right:.5em; color:#f90; float:left;}
.submenu li u img {  height:100%; }

.submenu li span { _display:table-cell !important; *display:inline-block; width:3000px; *width:auto; vertical-align:top; }
.submenu li i {  display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; color:#ccc; padding-right:3px; margin-left:.5em; white-space:nowrap; float:right; text-align:right; }


@keyframes submenu {    
    0% {
           background-position:98% center;
    }
    50% {
       background-position:102% center;
    }
    100% {
       background-position:106% center;
    }	
}


.submenu1 { clear:both; }
.submenu1 li { width:auto !important; display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; }
.submenu1 li a { display:inline-block; padding:.75em; line-height:1; white-space:nowrap; text-overflow:ellipsis;}



.swiper-container ul li u { margin-top:0;}

.submenu ul { margin-left:1em;}
.submenu ul li { list-style:circle;}
.submenu ul ul li { list-style:disc;}














.fujinquyun { *zoom:1; overflow:hidden; clear:both; margin-top:0em;}
.fujinquyun li { width:auto !important; display:inline-block !important; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; margin:1em .5em 0 0;}
.fujinquyun li a { display:inline-block; *zoom:1; padding:.25em .5em; background-color:#f90; color:#333;}
.fujinquyun li a:hover { background-color:#333; color:#f90; }









.backtotop { position:fixed; right:0; bottom:-48px; z-index:9902; display:block; width:48px; height:48px; line-height:48px; overflow:hidden; background-color:#f00; color:#fff;
 opacity:0;
        transition:all .3s ease-in-out;
     -o-transition:all .3s ease-in-out;   		
    -ms-transition:all .3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;}
	  
.backtotopon { bottom:30%; opacity:1;}





/*******************  header   ****************************************************/

.header { position:fixed; left:0; top:0; z-index:9500; width:100%; height:80px; background-color:#fff; box-shadow:none; 
        transition:all .3s ease-in-out;
     -o-transition:all .3s ease-in-out;   		
    -ms-transition:all .3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;}
.headeron { box-shadow:0 3px 5px #999; }
.headerDown {
transform:translateY(0%);
-ms-transform:translateY(0%);
-moz-transform:translateY(0%);
-webkit-transform:translateY(0%);
-o-transform:translateY(0%);}
.headerUp {
 transform:translateY(-100%);
 -ms-transform:translateY(-100%);
 -moz-transform:translateY(-100%);
 -webkit-transform:translateY(-100%);
 -o-transform:translateY(-100%);}



.logo { width:200px; height:80px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; text-align:center; float:left; }
.logo img { display:block; margin:0 auto; height:100%;}




.topbar { height:80px; float:right; white-space:nowrap; display:flex; align-items:center; }

.topbar a { display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; color:#000; padding:5px; font-size:14px; text-align:center; }


.topbar span { display:inline-block; *display:inline; *zoom:1; vertical-align:top; text-align:center; height:30px; line-height:30px; overflow:hidden; font-size:.875em; color:#555;}
.topbar u { display:inline-block; *display:inline; *zoom:1; vertical-align:top; text-align:center; color:#333; cursor:pointer; width:28px; height:28px; line-height:28px; border:1px solid #ccc; border-radius:50%; overflow:hidden; margin:0; padding:0;
      -webkit-transition: .3s ease-in-out;
	  -ms-transform: .3s ease-in-out;
	  transition: .3s ease-in-out;
			}
.topbar span { height:30px; line-height:30px; }


.topbar .wel {display:none;}
.topbar .cn-tw {}
.topbar .sch {}
.topbar .tel {}


.topbar a:hover { color:#08f;}
.topbar a:hover u {transform:rotate(42deg); border-color:#08f; color:#08f; }


.topbar ul { overflow:hidden; *zoom:1; }
.topbar li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; width:42%; padding:2%; margin:2%; text-align:center;}






/********* nav ******/
.nav { height:80px; display:table-cell; *display:inline-block; width:5000px; *width:auto; vertical-align:top;  }

.navicon { display:none; }
.navbox { overflow:hidden; *zoom:1;  }



.navlist { overflow:hidden; *zoom:1; }

.navlist dl { display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
.navlist dt { height:80px; text-align:left; overflow:hidden; font-size:1.125em; position:relative; z-index:9938; }

.navlist dt a { display:block; *zoom:1; margin-top:10px; color:#000; }




.navlist dl dt b { display:inline-block; *zoom:1; padding:0; height:60px; line-height:60px; padding:0 20px; overflow:hidden; font-weight:normal; }


.navlist dl dt i { display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; width:40px; height:60px; line-height:60px; text-align:right; margin-left:-45px; padding:0 20px 0 0; 
                 -webkit-transition:all 0.3s ease-in-out; 
				 transition:all 0.3s ease-in-out;
				 }



.navlist dd { display:none; position:absolute; z-index:9936; left:0; top:-9999em; width:92%; padding:2% 4% 4% 4%; background-color:#eee; box-shadow:0px 2px 3px #666; overflow:hidden; }



.navlist ul { overflow:hidden; *zoom:1; }
.navlist li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; width:8.5%; padding:2% 2% 2% 2%;}
.navlist .navlist9 li  { width:46%;}

.navlist li a { display:block; *zoom:1; width:100%; text-align:center;overflow:hidden; _background-color:#fff; }
.navlist .navlist9 li a  { display:inline-block; width:auto; }

.navlist li u { font-size:3em; font-style:normal; text-decoration:none; line-height:1;}

.navlist li a i { display:block; *zoom:1; overflow:hidden; margin:-4% auto 0 auto; width:80px; height:80px; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; 
-webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; 

}


.i_1_1 { background-image:url(/weboss/images/p128_204.png);}
.i_1_2 { background-image:url(/weboss/images/p128_205.png);}
.i_1_3 { background-image:url(/weboss/images/p128_206.png);}
.i_1_4 { background-image:url(/weboss/images/p128_4.png);}

.i_2_1 { background-image:url(/weboss/images/p128_101.png); }
.i_2_2 { background-image:url(/weboss/images/p128_102.png); }
.i_2_3 { background-image:url(/weboss/images/p128_103.png); }
.i_2_4 { background-image:url(/weboss/images/p128_104.png); }

.i_3_1 { background-image:url(/weboss/images/p128_101.png);}
.i_3_2 { background-image:url(/weboss/images/p128_102.png);}
.i_3_3 { background-image:url(/weboss/images/p128_103.png);}
.i_3_4 { background-image:url(/weboss/images/p128_105.png);}

.i_4_1 { background-image:url(/weboss/images/p128_104.png);}
.i_4_2 { background-image:url(/weboss/images/p128_102.png);}
.i_4_3 { background-image:url(/weboss/images/p128_9.png);}
.i_4_4 { background-image:url(/weboss/images/p128_9.png);}

.i_8_1 { background-image:url(/weboss/images/p128_5.png);}
.i_8_2 { background-image:url(/weboss/images/p128_202.png);}
.i_8_3 { background-image:url(/weboss/images/p128_201.png);}
.i_8_4 { background-image:url(/weboss/images/p128_9.png);}


.i_more { background-image:url(/weboss/images/p_128_30.png);}
.i_more:hover {transform:rotate(50deg);}

.navlist li a:hover i { -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); }
.navlist li a:hover .i_more { -webkit-transform:rotate(180deg); transform:rotate(180deg);}

.navlist .last {}








.navlist .active dt { background-color:#eee; }
.navlist .active dt b { color:#09f; }
.navlist .active dt i {-webkit-transform:scale(1,-1);transform:scale(1,-1); color:#000;}
.navlist .active dd { z-index:9937; top:80px; }


















.TXbox { width:100%; position:relative; overflow:hidden; *zoom:1;}
.TXboximg { width:100%; overflow:hidden;  }
.TXboximg img { width:70%; display:block; margin:0 auto; border-radius:50%; background-color:#000;}
.TXboxtext { position:absolute; left:0; top:0; width:90%; height:90%; padding:5%; }





.col_ol,.col_dl { clear:both; overflow:hidden; *zoom:1; margin-top:4%; }
.col_ol ol,.col_dl>div { clear:both; overflow:hidden; *zoom:1;}
.col_ol ol li,.col_dl dl { display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; }

.col_2 ol li,.col_2 dl { width:50%;}
.col_3 ol li,.col_3 dl { width:33.3333%;}
.col_4 ol li,.col_4 dl { width:25%; }
.col_5 ol li,.col_5 dl { width:20%;}
.col_6 ol li,.col_6 dl { width:16.6666%;}


.colKX_ol,.colKX_dl { clear:both; margin-top:4%; }
.colKX_ol ol,.colKX_dl>div { overflow:hidden; *zoom:1; margin:-2%; }
.colKX_ol ol li,.colKX_dl dl { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:1%; }


.colKX_2 ol li,.colKX_2 dl { width:46%;}
.colKX_3 ol li,.colKX_3 dl { width:29.3333%; }
.colKX_4 ol li,.colKX_4 dl { width:21%; }
.colKX_5 ol li,.colKX_5 dl { width:16%;}
.colKX_6 ol li,.colKX_6 dl { width:12.6666%;}





.imgcase_title,.imgcase_content { clear:both; overflow:hidden; *zoom:1; }
.imgcase_title img,.imgcase_content img { display:block; }
.imgcase_title img { height:100%;}

.imgcase_title  { height:100px; position:relative; z-index:34; }
.imgcase_content { z-index:33; border-bottom:3px solid #ccc; background-color:#fff; }
.imgcase_content .swiper-wrapper { white-space:nowrap;}
.imgcase_content .swiper-slide { display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; }


.imgcase_content img { width:100%;}

.imgcase_title .swiper-wrapper { margin:0 auto;}

.imgcase_title .swiper-slide  { width:100px; height:100px; overflow:hidden; border:1px solid #fff; margin:-1px; position:relative; z-index:35; }
.imgcase_title .swiper-slide-active { }
.imgcase_title .swiper-slide img { cursor:pointer;}
.imgcase_title .active1 { box-shadow: 0px 0px 5px #333; z-index:36; background-color:#39c;  }
.imgcase_title .active1 img { opacity:.3; filter:alpha(opacity=30);}

.imgwidthfull { overflow:hidden;}
.imgwidthfull img { width:100%; }





.part { width:100%; text-align:center; position:relative; overflow:hidden; *zoom:1; clear:both; z-index:150; }

.partbox { position:relative; padding:4% 4% 5% 4%; }
.partboxfull { position:relative;}

.partinner { padding:4%; }
.partinnerfull { padding:4% 0; }

.parttext { width:100%; position:relative; z-index:155; }

.partcover { width:100%; height:100%; position:absolute; left:0; top:0; z-index:154; background-color:rgba(0,0,0,.6) }
.partcover img { width:100%;}

.partimg { overflow:hidden; *zoom:1; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; z-index:153;}
.partimg img { width:100%; }
.partimg video { width:100%; }



.partnext { clear:both; margin-top:4%; }


.partfloat { display:inline-block; *display:inline; *zoom:1; vertical-align:top; text-align:center; overflow:hidden; }
.partfloat img { width:100%; display:block; margin:0 auto; }
.partfloat .partinner { padding:8%;}

.part .left { width:50%; float:left; text-align:left; }
.part .right { width:50%; float:right; text-align:left; }



.parttop { width:100%; height:50%; position:absolute; left:0; top:0; }
.partbottom { width:100%; height:50%; position:absolute; left:0; bottom:0; }







.part h3 { line-height:1.2; font-size:1.5em;}
.part h3 u { text-decoration:none; display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; padding:0 1em; background:url(/weboss/images/partline.jpg) 0 center repeat-x;  }
.part h3 b { font-weight:normal; background-color:#fff; display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; padding:0 1em;}
.part h3 small{ line-height:1; white-space:nowrap; display:inline-block; max-width:80%; overflow:hidden; }









.part h5 b { display:inline-block; *zoom:1; vertical-align:top; padding:0 .5em; color:#333;}


.part .postinfo { margin-top:1em;}





.icon_gou_l { display:inline-block; *zoom:1; padding-left:32px; background-image:url(/weboss/images/gou_32_fff.png); background-position:0 0; background-repeat:no-repeat;}






.part_fff { color:#666; background-color:#fff; }
.part_fff h2 { color:#ccc;}
.part_fff h2 b { color:#333;}
.part_fff h3 { color:#ccc;}
.part_fff h3 b { color:#333;}
.part_fff h4 { color:#333;}

.part_eee { color:#666; background-color:#f5f5f5; }
.part_eee h2 { color:#ccc;}
.part_eee h2 b { color:#333;}
.part_eee h3 { color:#999;}
.part_eee h3 b { color:#333; background-color:#f5f5f5;}
.part_eee h4 { color:#333;}
.part_eee h5 b { color:#333; }

.part_000 { color:#ccc; background-color:#333; }
.part_000 a { color:#fff;}
.part_000 h2 { color:#ccc;}
.part_000 h2 b { color:#fff;}
.part_000 h3 { color:#fff;}
.part_000 h3 b { color:#fff; background-color:#333;}
.part_000 h4 { color:#fff;}



#part0 h1 a { color:#fff;}
#part0 h1 a:hover { color:#fff;}










.bjfw { overflow:hidden; *zoom:1; color:#fff; }
.bjfw dl { width:25%; display:inline-block; *display:inline; *zoom:1; vertical-align:top; float:left; position:relative; }
.bjfw dt { overflow:hidden; *zoom:1;}
.bjfw dt img { display:block; width:100%;}
.bjfw dd { text-align:left; width:100%; height:100%; position:absolute; left:0; top:100%; background-color:rgba(0,0,0,.6); box-shadow:0 0 10em #000 inset; }

.bjfw .bjfw0 { width:50%; }



.bjfw .bjfw-on dd { top:0;}


.imgzoom3 li {}
.imgzoom3 li img {  max-width:50%; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; margin-bottom:0; }
.imgzoom3 li:hover img { -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); }


.imgzoom4 li {}
.imgzoom4 li img { max-width:50%; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; margin-bottom:8%;  }
.imgzoom4 li:hover img { -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}


.caseimg { width:100%; transition:all 0.75s ease-in-out;}
.caseimg:hover { transform:rotateX(-360deg); }

.iconzoom .iconwrap { margin:4% auto; display:block; font-weight:normal; }
.iconzoom li u { max-width:100%; display:inline-block; transition:all .5s ease-in-out;}
.iconzoom li:hover u { animation:iconzoomUrotate 2s infinite linear; }


@keyframes iconzoomUrotate {    
    0% {
       transform: scale(1,1);
    }
    50% {
       transform: scale(1.2,1.2);
    }
    100% {
       transform: scale(1,1);
    }

}


#part_98 { color:#fff; padding-top:110px; padding-bottom:60px; clear:both; }
#part_98 .box { text-align:center; }
#part_98 h3 { font-size:2em; }



#steps { width:100%; overflow:hidden; color:#999; background-color:#eee; }
#steps .swiper-slide { background:url(/weboss/images/city01.gif) right center no-repeat; }
#steps .swiper-slide-active {}

#steps .swiper-slide div { padding:1em; }

#steps big { color:#f90;}





/*******************  panel   ****************************************************/


#panel-body { 
      width:100%; height:100%; position:relative;
      -webkit-transition: .3s ease-in-out;
	  -ms-transform: .3s ease-in-out;
	  transition: .3s ease-in-out;
      }


.panel-body-right {
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
    }
.panel-body-left {
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%);
    }
.panel-body-top {
      -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
      transform: translateY(50%);
    }
.panel-body-top2 {
      -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
      transform: translateY(50%);
    }



.panel { 
       overflow:hidden; position:fixed; z-index:5; color:#fff; display:none\9; background-color:rgba(0,0,0,.9);
      -webkit-transition: .3s ease-in-out;
	  -ms-transform: .3s ease-in-out;
	  transition: .3s ease-in-out;
	  }

.panel-left { width:50%; height:100%; left:0; top:0; 
      -webkit-transform: translate(-100%,0);
      -ms-transform: translate(-100%,0);
      transform: translate(-100%,0);
			}
			
.panel-right { width:50%; height:100%; left:auto; top:0; right:0; 
      -webkit-transform: translate(100%,0);
      -ms-transform: translate(100%,0);
      transform: translate(100%,0);
	  }

.panel-top { width:100%; height:50%; left:0; top:0;
      left:0; top:0; width:100%; height:50%;
      -webkit-transform: translate(0,-100%);
      -ms-transform: translate(0,-100%);
      transform: translate(0,-100%);
	  }
	  
.panel-top2 { width:100%; height:50%; left:0; top:0;
      left:0; top:0; width:100%; height:50%;
      -webkit-transform: translate(0,-100%);
      -ms-transform: translate(0,-100%);
      transform: translate(0,-100%);
	  }
	  

.panel-bottom { width:100%; height:50%; left:0; top:auto; bottom:0; }



.panel-active {
      -webkit-transform: translate(0,0);
      -ms-transform: translate(0,0);
      transform: translate(0,0);
    }











.panel-box { padding:4%; }

.panel-close { position:absolute; right:0; top:0; display:block; width:40px; height:40px; line-height:40px; overflow:hidden; text-indent:-999em; background:url(/weboss/images/close-f.png) center center no-repeat; }
.panel-close:hover { background-color:#f00;}

.panel dl { text-align:left; clear:both; margin-top:1%;}
	







.step dl { display:inline-block; *display:inline; *zoom:1; vertical-align:top; background-image:url(/weboss/images/arrow4.gif); background-repeat:no-repeat; background-position:right center; text-align:center;}
.step dl:last-child { background-image:none;}
.step dl dt img { max-width:50%; margin:0 auto;}


/**********************************    item   ************************************/

.item a { cursor:pointer; text-decoration:none;}
.item a:hover { text-decoration:none;}

.item { position:relative; z-index:600; overflow:hidden; display:inline-block; *display:inline; *zoom:1; vertical-align:top; text-align:left; }
.item dt { z-index:603; left:0; top:0; width:100%; overflow:hidden; *zoom:1; }
.item dt .itemdtinner { overflow:hidden; *zoom:1; position:relative; z-index:600;}


.item dt img { display:block; width:100%; -webkit-transform: .5s ease-in-out; transition: .5s ease-in-out;}
.item dt img:nth-child(2) { position:absolute; left:-100%; top:0; }
.item dt img:nth-child(3) { position:absolute; left:-200%; top:0; }


.itemon dt img {  -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.itemon dt img:nth-child(2) { -webkit-animation:itemonDtImgs2 3s linear infinite 0s forwards; animation:itemonDtImgs2 3s linear infinite 0s forwards; }
.itemon dt img:nth-child(3) { -webkit-animation:itemonDtImgs3 6s linear infinite 0s forwards; animation:itemonDtImgs3 6s linear infinite 0s forwards; animation-delay:1.5s; }


@-webkit-keyframes itemonDtImgs2 {    
    0% { left:-100%; }
    100% { left: 100%;}
}
@keyframes itemonDtImgs2 {    
    0% { left:-100%; }
    100% { left: 100%;}
}


@-webkit-keyframes itemonDtImgs3 {    
    0% { left:-200%; }
    100% { left:200%;}
}
@keyframes itemonDtImgs3 {    
    0% { left:-200%; }
    100% { left:200%;}
}





.item dt .iconwrap { display:inline-block; *zoom:1; vertical-align:top; width:100%; height:100%; text-align:center; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; }
.item dt .iconwrap u { font-size:3em; text-decoration:none;}


.item .itemparent,.item .itemtime { display:inline-block; vertical-align:top; margin-top:.5em; margin-right:.5em; color:#999; font-size:12px; line-height:1; padding:5px; background-color:#eee; border-radius:3px;}

.item .itemsale { display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; color:#fff; background-color:#f00; border-radius:0 0 10px 0; font-size:12px; line-height:1; padding:3px 5px; position:absolute; left:0px; top:0;  z-index:690;}


.item em.itemsale:nth-child(2){ left:0px; background-color:#f00;}
.item em.itemsale:nth-child(3){ left:40px; background-color:#090;}
.item em.itemsale:nth-child(4){ left:80px; background-color:#f0f;}

.item .itemsaleIstop {}
.item .itemsaleTujian {}
.item .itemsaleHot {}
.item .itemsaleNew {}



.item dd { z-index:606; left:0; top:0; width:100%; overflow:hidden; *zoom:1;}
.item dd .itemddinner { overflow:hidden; *zoom:1;}

.item dd h4 { padding:0; margin:0; font-size:1.125em; overflow:hidden; *zoom:1; }
.item dd h4 a { display:block; }
.item dd h4 em { font-style:normal;}
.item dd span b { font-style:normal; font-weight:normal;}

.item dd p { display:none; margin:1em 0 0 0; clear:both; color:#999; font-size:.75em;}

.item dd span,.item dd .readmore { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:.75em; position:absolute; z-index:609; color:#999; display:none; }

.item dd .shijian {}
.item dd .liulan {}
.item dd .pinglun {}
.item dd .readmore  {}
.item dd span big,.item dd span big { color:#f00; font-size:100% }











.itemon dt .iconwrap { -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); }
.msgshowwrap .item dd p { display:block;}
#divAjaxComment .item dd p { display:block;}

.itemon { z-index:651 !important; /*z-index:651;*/}





.itemContent h5,.itemContentLeft h5 { font-size:1.125em; padding:0; margin:4em 0 1em 0; clear:both; border-top:1px solid #ddd; text-align:center; position:relative;}
.itemContent h5 b,.itemContentLeft h5 b { color:#333; display:inline-block; *zoom:1; vertical-align:middle; padding:0.15em 1em .15em 1em; background-color:#f5f5f5; margin-top:-1.8em; }
.itemContentLeft h5 { margin-top:2em; margin-bottom:0; border-top:1px solid #eee; }
.itemContentLeft h5 b { background-color:#fff !important;}


.itemContentLeft {overflow:hidden; *zoom:1; padding:0; margin-bottom:4%; background-color:#fff; border-radius:5px; box-shadow:0 1px 3px #ccc;}

.itemContentBox { padding:0 4%; padding-bottom:2%; }



.itemContent {overflow:hidden; *zoom:1; padding:0 4%; padding-bottom:2%; }
.itemWrapper { display:-webkit-flex; flex-wrap:-webkit-wrap; display:flex; flex-wrap:wrap;}
.itemWrapper .swiper-slide {}


.itemColumn .itemWrapper {}
.itemColumn .item { border-style:solid; border-width:1px; border-color:#eee; margin:-1px;}
.itemColumn1 .item { width:100%; border:none; margin:0; border-bottom:1px solid #eee;}
.itemColumn2 .item { width:50%;}
.itemColumn3 .item { width:33.3333%;}
.itemColumn4 .item { width:25%;}
.itemColumn5 .item { width:20%;}
.itemColumn6 .item { width:16.6666%;}
.itemColumn7 .item { width:14.2857%;}
.itemColumn8 .item { width:12.5%;}

.itemColumnKX .itemWrapper { margin-right:-2%;}
.itemColumnKX .item { margin-right:2%; margin-bottom:2%;}
.itemColumn1KX .item { width:98%;}
.itemColumn2KX .item { width:48%;}
.itemColumn3KX .item { width:31.3333%;}
.itemColumn4KX .item { width:23%;}
.itemColumn5KX .item { width:18%;}
.itemColumn6KX .item { width:14.6666%;}
.itemColumn7KX .item { width:12.2857%;}
.itemColumn8KX .item { width:10.5%;}

.swiper-container .swiper-wrapper {}
.swiper-container .item { margin:auto;border:none;}


/***** .module11 *****/
.module11 { clear:both; padding:0;}
.module11 .item { background-color:#fff;}


.module11 .item dt { width:20%; float:left;}
.module11 .item dt .itemdtinner { margin:20px; margin-right:0; }
.module11 .item dt img { display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.module11 .item dt img:nth-child(2){ position:static; left:auto; top:auto; }
.module11 .item dt img:nth-child(3){ position:static; left:auto top:auto; }

.module11 .item dd { display:table-cell; *display:inline-block; width:2000px; *width:auto; vertical-align:top; }
.module11 .item dd .itemddinner { padding:20px 20px 20px 20px; }

.module11 .item dd h4 {}

.module11 .item dd .itemparent {}

.module11 .item dd .shijia { display:inline-block; position:static; margin-top:.25em; margin-right:.5em; color:#f80; border:1px solid #ddd; border-radius:3px; font-size:12px; line-height:1; padding:5px 6px;}
.module11 .item dd .liulan { display:block; right:60px; bottom:20px;}
.module11 .item dd .pinglun { display:block; right:20px; bottom:20px;}
.module11 .item dd .readmore  {}
.module11 .item dd .zhaiyao { display:block; }


.module11 .itemon { *background-color:#f5f5f5; box-shadow:0 0 3em #ddd; }
.module11 .itemon dt img {}
.module11 .itemon dd .readmore {}



/***** .module22 *****/
.module22 { clear:both;}
.module22 .item { *background-color:#f5f5f5; box-shadow:0 0 3em #ccc inset;}


.module22 .item dt { background-color:#000;}
.module22 .item dt .itemdtinner {}
.module22 .item dt img { display:block;}


.module22 .item dd .itemddinner { padding:20px 20px 50px 20px; }


.module22 .item dd .itemparent { display:none; }


.module22 .item dd .liulan { display:block; left:20px; bottom:20px;}
.module22 .item dd .pinglun { display:block; right:20px; bottom:20px;}
.module22 .item dd .readmore  {}
.module22 .item dd .zhaiyao { display:block; max-height:35px; overflow:hidden; }



.module22 .itemon { background-color:#fff; box-shadow:0 0 3em #333;}
.module22 .itemon .readmore  {}

.module22 .itemon dt img {}








.sidebar .module22 .item dd .itemddinner { padding:10px; }

/***** .module33 *****/
.module33 { clear:both; padding:1px 0; }

.module33 .swiper-wrapper { white-space:nowrap;}
.module33 .item {}


.module33 .item dt { width:33.3333%; float:left;}
.module33 .item dt .itemdtinner { margin:20px; margin-right:0; }
.module33 .item dt img {display:block;}


.module33 .item dd { display:table-cell; *display:inline-block; width:2000px; *width:auto; vertical-align:top; }
.module33 .item dd .itemddinner { padding:20px 20px 50px 20px; position:relative; }



.module33 .item dd h4 a { display:block; text-align:left; }
.module33 .item dd h4 span a { display:inline; color:#f80; }

.module33 .item dd .itemparent { display:none; }

.module33 .item dd .shijian {  display:inline-block; position:static; float:left; margin-top:.25em; margin-right:.5em; color:#f80; border:1px solid #ddd; border-radius:3px; font-size:12px; line-height:1; padding:5px 6px;}

.module33 .item dd .liulan { display:block; left:20px; bottom:20px;}
.module33 .item dd .pinglun { display:block; right:20px; bottom:20px;}
.module33 .item dd .readmore  {}
.module33 .item dd .zhaiyao { display:block; overflow:hidden; }

.module33 .itemon { *background-color:#f5f5f5; box-shadow:0 0 3em #ddd inset;}



#abc .module33 .item dd .shijian,#faq .module33 .item dd .shijian,#service .module33 .item dd .shijian { display:none;}


.sidebar .module33 .item dt { float:none; width:100%; }
.sidebar .module33 .item dt .itemdtinner {  margin:10px; margin-bottom:0; }
.sidebar .module33 .item dd .itemddinner { padding:10px; }
/***** .module44 *****/
.module44 { clear:both; }

.module44 .swiper-wrapper { white-space:nowrap;}
.module44 .item {}

.module44 .item dt { background-color:#000;}
.module44 .item dt .itemdtinner {}
.module44 .item dt img {display:block;}


.module44 .item dd { position:absolute; top:auto; bottom:0;
background-image:linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,.8));
}
.module44 .item dd .itemddinner { padding:20px 20px 50px 20px; }


.module44 .item dd h4 a {color:#fff;}
.module44 .item dd h4 a:hover {}

.module44 .item dd .itemparent { display:none}

.module44 .item dd .liulan { display:block; left:20px; bottom:20px; color:#fff;}
.module44 .item dd .pinglun { display:block; right:20px; bottom:20px; color:#fff;}
.module44 .item dd .readmore  {}
.module44 .item dd .zhaiyao { display:none; max-height:35px; overflow:hidden;}

.module44 .itemon {}

.module44 .itemon dd .itemddinner {}
.module44 .itemon dd .zhaiyao { color:#fff; }
.module44 .itemon dd .readmore { display:block; color:#fff; position:static; text-align:center; border:1px solid #999; border-radius:3px; padding:5px; margin-top:.5em; }



.sidebar .module44 .item dd .itemddinner { padding:10px; }
/***** .module55 *****/
.module55 { clear:both; padding:0; }

.module55 .swiper-wrapper { white-space:nowrap;}
.module55 .item {}


.module55 .item dt {}
.module55 .item dt .itemdtinner { margin:0;}
.module55 .item dt img {display:block;}


.module55 .item dd { position:absolute; left:0; top:0; width:100%; height:100%; }
.module55 .item dd .itemddinner { float:left; margin:0; padding:0; width:100%; height:100%; }

.module55 .item dd .itemparent { display:none; }
.module55 .item dd h4 { padding:10px; border-radius:3px; text-align:center; margin-top:30%; display:none; }
.module55 .item dd h4 a {color:#fff;}

.module55 .itemon { box-shadow:0 0 10px #999 inset}

.module55 .itemon dd .itemddinner { background-color:rgba(0,0,0,.8); }
.module55 .itemon dd h4 { display:block;}
.module55 .itemon dd .readmore { display:block; color:#fff; position:static; text-align:center; border:1px solid #fff; border-radius:3px; padding:1em; margin:1em; }


/***** .module66 *****/
.module66 { clear:both; padding:0; }

.module66 .swiper-wrapper { white-space:nowrap;}
.module66 .item {}

.module66 .item dt { background-color:#000;}
.module66 .item dt .itemdtinner {}
.module66 .item dt img {display:block;}


.module66 .item dd { position:absolute; left:0; top:0; height:100%; }
.module66 .item dd .itemddinner { padding:20px 20px 50px 20px; }



.module66 .item dd h4 {text-align:center; }
.module66 .item dd h4 a { color:#fff; }

.module66 .item dd .itemparent { display:none; }
.module66 .item dd .liulan { display:block; left:20px; bottom:20px; color:#fff;}
.module66 .item dd .pinglun { display:block; right:20px; bottom:20px; color:#fff;}
.module66 .item dd .readmore  {}
.module66 .item dd .zhaiyao { display:none; color:#fff; }


.module66 .itemon {}


.module66 .itemon dd { box-shadow:0 0 5em #000 inset;}
.module66 .itemon dd .zhaiyao { display:block;}
.module66 .itemon dd .readmore { display:block; color:#fff; position:static; text-align:center; border:1px solid #fff; border-radius:3px; padding:5px; margin-top:.5em; }




.sidebar .module66 .item dd .itemddinner { padding:10px; }
/***** .module77 *****/
.module77 { clear:both;}

.module77 .swiper-wrapper { white-space:nowrap;}
.module77 .item {}

.module77 .item dt {}
.module77 .item dt .itemdtinner { margin:10% 10% 0 10%; border-radius:999em; overflow:hidden; transition:all 0.3s ease-in-out;}
.module77 .item dt img {display:block;}


.module77 .item dd { }
.module77 .item dd .itemddinner { padding:20px 20px 50px 20px; }


.module77 .item dd h4 { text-align:center; }
.module77 .item dd h4 a { }

.module77 .item dd .itemparent { display:none; }
.module77 .item dd .liulan { display:block; left:20px; bottom:20px; }
.module77 .item dd .pinglun { display:block; right:20px; bottom:20px; }
.module77 .item dd .readmore  { display:none; }
.module77 .item dd .zhaiyao {  display:block; max-height:35px; overflow:hidden; }


.module77 .itemon {  box-shadow:0 0 3em #999 inset; box-shadow:0 0 3em #999; background-color:#fff;

}

.module77 .itemon dt .itemdtinner {}
.module77 .itemon dd {}
.module77 .itemon dd .zhaiyao {}
.module77 .itemon dd .readmore { color:#fff; position:static; text-align:center; border:1px solid #fff; border-radius:3px; padding:5px; margin-top:.5em; }




.sidebar .module77 .item dd .itemddinner { padding:10px 10px 20px 10px; }

/***** .itemlist8 *****/
.itemlist8 { clear:both; padding:1px 0; overflow:hidden; *zoom:1;}
.itemlist8 .item {  border:1px solid #eee; margin:-1px;}


.itemlist8 .item dt {}
.itemlist8 .item dt .itemdtinner { margin:20px 20px 0 20px; border-radius:5px; overflow:hidden;}
.itemlist8 .item dt img {display:block;}


.itemlist8 .item dd {}
.itemlist8 .item dd .itemddinner { padding:10px 20px 40px 20px; }



.itemlist8 .item dd h4 a { display:block; text-align:center; }
.itemlist8 .item dd h4 span a { display:inline; color:#f80; }

.itemlist8 .item dd .itemparent { display:none; }

.itemlist8 .item dd .shijian {  display:inline-block; position:static; float:left; margin-top:.25em; margin-right:.5em; color:#f80; border:1px solid #ddd; border-radius:3px; font-size:12px; line-height:1; padding:5px 6px;}

.itemlist8 .item dd .liulan { display:block; left:5px; bottom:5px;}
.itemlist8 .item dd .pinglun { display:block; right:5px; bottom:5px;}
.itemlist8 .item dd .readmore  {}
.itemlist8 .item dd .zhaiyao { display:block; max-height:35px; overflow:hidden; }

.itemlist8 .itemon { *background-color:#f5f5f5; box-shadow:0 0 3em #ddd inset;}











.sidebar .item h4 { font-size:1em !important;}
.sidebar1 .item h4 { font-size:1em !important;}


.itembgf5f5f5 .item { background-color:#f5f5f5; }

.item-col-2-kx { clear:both; overflow:hidden; *zoom:1; }
.itemlistwrap { margin-right:-4%; }

.item-col-2-kx .item { width:46%; margin:4% 4% 0 0; position:relative;}

.item-col-2-kx .item dd { _display:none; position:absolute; left:0; top:80%; height:20%; background-color:rgba(0,0,0,.8)}
.item-col-2-kx .item dd h4 { font-size:100%; padding:4%; width:92%; border-radius:3px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.item-col-2-kx .item dd p { display:block}

.item-col-2-kx .itemon { box-shadow:0 0 5px #999; }


.item-col-2-kx .itemon dd { display:block; _background-color:rgba(51,153,204,.6); box-shadow:0 0 10px #39c inset; top:0; height:100%;}

.item-col-2-kx .itemon dd .readmore { left:0; top:0; display:block; width:100%; height:100%; text-indent:-999em; background-image:url(/weboss/images/alink32w_3.png); background-repeat:no-repeat; background-position:center center;}



.tagDseoAfter .itemlist .morebox { display:block;}

/**********************************    posttag   ************************************/

.posttag { overflow:hidden; *zoom:1; clear:both; text-align:left; font-size:.75em; }
.posttag b { margin:.25em 0; display:inline-block; *zoom:1; vertical-align:middle; padding:.5em 1em; border-radius:10em; overflow:hidden; }
.posttag a { margin:.25em .5em 0 0; display:inline-block; *zoom:1; vertical-align:middle; overflow:hidden; padding:3px 5px; color:#999; border-radius:5em;background-color:#09f; text-decoration:none !important;}
.posttag a sup { padding-left:2px;}

.posttag a:before {content:"# "; font-size:1.125em;}



.posttag a:nth-child(9n){background-color: #e9f1f6; }
.posttag a:nth-child(9n+1){background-color: #d6ecf0; }
.posttag a:nth-child(9n+2){background-color: #f2ecde; }
.posttag a:nth-child(9n+3){background-color: #e0eee8; }
.posttag a:nth-child(9n+4){background-color: #bacac6; }
.posttag a:nth-child(9n+5){background-color: #edd1d8; }
.posttag a:nth-child(9n+6){background-color: #a1afc9; }
.posttag a:nth-child(9n+7){background-color: #ffc773; }
.posttag a:nth-child(9n+8){background-color: #ffb3a7; }

.posttag a:hover { color:#fff; background-color:#09f; }










/**********************************    banner0   ************************************/
.banner0navWrap { min-height:60px; height:120px; padding:0 4%; background-color:#000; overflow:hidden; *zoom:1; }

#banner0nav { height:100%;}
#banner0nav .swiper-wrapper { height:100%; white-space:nowrap; }
#banner0nav .swiper-slide { height:100%; display:inline-block; *display:inline; *zoom:1; vertical-align:top; text-align:left; color:#fff; }
#banner0nav .swiper-inner { padding:20px; }
#banner0nav .swiper-inner img { display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:20%; float:left; margin-right:20px;}
#banner0nav .swiper-inner p { margin-top:0; font-size:.75em; }
#banner0nav .swiper-inner p big { line-height:1; color:#fff; }
#banner0nav .swiper-inner p a { white-space:nowrap;}



#banner0nav .swiper-slide-thumb-active  { color:#000; border-top:3px solid #f00; background-color:#fff; _background-color:#f5f5f5; }
#banner0nav .swiper-slide-thumb-active p big  { color:#000;}




#banner0 { padding-top: 80px; background-color:#000; max-height:70%; }
#banner0 .swiper-wrapper { white-space:nowrap; -webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; }
#banner0 .swiper-slide { display:inline-block; *display:inline; *zoom:1; vertical-align:top;}


.banner0box { width:100%; height:100%; position:relative; z-index:710;}
.banner0inner { text-align:center; overflow:hidden; }
.banner0inner img {}


.banner0img { width:100%; height:100%; z-index:730; text-align:center; overflow:hidden; position:relative;}
.banner0imgwrap { width:100%; height:100%; }
.banner0img img { display:block; margin:0 auto; width:100%; height:auto;}
.banner0img video{ display:block; width:100%; margin:-1% auto 0 auto;}

.banner0cover { display:block; width:100%; height:100%; position:absolute; z-index:735; left:0; top:0; }
.banner0cover img { display:block; width:100%; }

.banner0text { position:absolute; left:0; top:0;  z-index:740; margin:0; padding:0; width:100%; height:100%; color:#fff; text-align:center;  _display:none;}



.banner0 .left {  width:42%; padding:4%; text-align:left;}
.banner0 .right {  width:42%; padding:4%; text-align:center; margin-top:-4%; }
.banner0 .right img { width:100%;}

.banner0 h1,.banner0 h2 { margin-top:12%;}
.banner0 p { font-size:1.125em;}


.banner0 h1 img { max-width:90%;}
.banner0 h2 img { max-width:90%;}




.banner0 .swiper-slide h1{
		transform:translateX(-600px);
		opacity:0;
		transition:all .5s;}
.banner0 .ani-slide h1 {
		transform:translateX(0);
		opacity:1;
		}
		
.banner0 .swiper-slide h2{
		transform:translateX(600px);
		opacity:0;
		transition:all .5s;}
.banner0 .ani-slide h2 {
		transform:translateX(0);
		opacity:1;
		}
		
		
#banner0 .swiper-slide .banner0img {
	-webkit-transform:scale(1.0,1.0);
		    transform:scale(1.0,1.0);
		    opacity:.5;
	-webkit-transition:all .5s;
			transition:all .5s;
			}
#banner0 .ani-slide .banner0img {
	-webkit-transform:scale(1.2,1.2);
		    transform:scale(1.2,1.2);
		    opacity:1;
			}















.banner1 { width:100%; color:#333; padding-top:80px;}
.banner1 a { color:#999; }

.banner1 big { text-transform:uppercase; }
.banner1 small { text-transform:uppercase; }
.banner1 em { text-transform:uppercase; font-size:3em; filter:alpha(opacity=50); opacity:.5; white-space:nowrap; position:absolute; right:0; top:0; }

.single .banner1 em { font-size:1.125em;}

.banner1 .left { width:75%; text-align:left;}
.banner1 .right { width:23%; text-align:right; position:relative;  }


.banner1box { width:100%; height:100%; position:relative; z-index:710; overflow:hidden; *zoom:1;}
.banner1inner { text-align:center;}
.banner1inner img {}


.banner1img { width:100%; height:100%; position:absolute; left:0; top:0; z-index:730; text-align:center; overflow:hidden;}
.banner1imgwrap img { display:block; width:100%; margin:0 auto;}
.banner1imgwrap video{ display:block; width:100%; margin:-1% auto 0 auto;}

.banner1cover { width:100%; height:100%; position:absolute; z-index:735; left:0; top:0; }


.banner1text { width:92%; position:relative; z-index:740; margin:2% 4% 2% 4%; }


.banner1text p { margin-top:0em; font-size:.875em; }

.banner1info { font-size:.875em; padding:.5em; }

.banner1url { display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding:1% 2%; float:right; font-size:1em; }

.banner1 h1,.banner1title { font-size:1.5em; font-weight:bold;}
.banner1 h1 a { color:#000; }
.banner1 h2 { color:#fff; }
.banner1 h1 small { display:block; color:#999; }


.banner1 h2 { font-size:1.5em;}
.banner1 .left h2 { font-size:1.125em;}





#subnav { clear:both; width:100%; *zoom:1; overflow:hidden; margin-top:1%; margin-bottom:-2.1%; z-index:760; float:left;}
.single2catalog #subnav { width:75%;}


.subnav { clear:both; text-align:center; font-size:.75em; white-space:nowrap; }


.subnav li { height:50px; display:inline-block; *display:inline; *zoom:1; overflow:hidden; vertical-align:top; border-radius:5px 5px 0 0;}
.subnav li a { display:block; *zoom:1; height:50px; line-height:50px; color:#09f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background-color:#eee; }
.subnav li a:hover { background-color:#fff; }

.subnav .swiper-slide-active a {}



.subnav-bottom { clear:both; width:100%; *zoom:1; overflow:hidden; z-index:760; }

.subnav-bottom .subnav li { border-radius:0 0 5px 5px;}
.subnav-bottom .subnav li a { }






/**********************************    .main  begin   ************************************/
.main { width:100%; position:relative; z-index:650;  }






.shangxia { width:100%; padding:0; margin:0;}
.shangxia dt { font-size:1em; height:30px; text-align:left; font-size:1.125em; position:relative; }
.shangxia dt a {}

.shangxia dt b { display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; height:30px; line-height:30px; padding:0; }

.shangxia dt u {}
.shangxia dt i { display:inline-block; *zoom:1; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; right:0; top:0;}




.shangxia dd { margin-top:2%; padding:0 ; text-align:left;}
.shangxia dd ul { display:table-cell;}
.shangxia .shangxiaimg { float:right; width:100%; height:60px; overflow:hidden; }

.shangxia dt .on {}



.pricetime dd { margin-top:.75em;}




.mod { clear:both; position:relative; text-align:center;}
.modbox {}
.modleft,.modright { display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:42%; padding:4%; text-align:left; }
.modleft {}
.modright {}


.usertools { overflow:visible;  width:100%; text-align:center; color:#666; }
.usertools .modleft,.usertools .modright { width:26%;}

.usertools a { color:#f80;}


.mod22 { position:relative; z-index:650; }
.mod22 .box,.mod22 .boxfull {}
.mod22 .left { width:75%; }
.mod22 .right { width:23%;}





.mod22 .right h5 { font-size:1.25em; padding:0; margin:16% 0 0 0; clear:both; border-top:3px solid #ddd; text-align:center; }
.mod22 .right h5 b { color:#333; display:inline-block; *zoom:1; vertical-align:middle; margin:-12% 0 0 0; padding:0 .5em; background-color:#f5f5f5; line-height:1; font-weight:normal; }
.mod22 .right i { color:#999; display:inline-block; *zoom:1; vertical-align:middle; margin:-.8em 0 0 0; padding:0; font-weight:normal; font-size:.875em; float:right;}
.mod22 .right h5:first-child { margin-top:0;}



.catalog .mod22 .left { width:100%;}



.sidebar,.sidebar1 { clear:both; position:relative; overflow:hidden; *zoom:1;border-radius:5px; margin:-2% 0 4% 0; }






.partnav { width:100%; margin:1em 0 0 0; clear:both; overflow:hidden; *zoom:1;}
.partnavbox { width:100%; text-align:center; overflow:hidden; *zoom:1; display:flex; flex-wrap:wrap;}
.partnav li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; float:left; text-align:center; padding:2%; width:21%; border-left:1px dashed #ccc; border-top:1px dashed #ccc; margin:-1px 0 0 -1px; }

.partnav li img { width:80%; margin:0 auto; border-radius:5px; background-color:#fff; padding:5px; }

.partnav6 li { width:12.6666% !important;}


.partnav li:hover img { animation:partnav1 1s forwards; }
@keyframes partnav1 {    
    0% {
            transform:rotate(0deg) scale(0,0);
    }
    50% {
       transform:rotate(0) scale(-1.2,1.2);
    }
    100% {
       transform:rotate(0) scale(1,1);
    }

}




.postinfo,.partinfo { position:relative; text-align:left !important;  margin:2em 0 1em 0 !important; padding:1em !important; font-size:12px !important; border-radius:0 5px 5px 0; border-left:3px solid #09f; color:#999; background-color:#ecf5ff; }
.postinfo strong,.partinfo strong { font-weight:normal;}
.postinfo em,.partinfo em { font-style:normal;}

.postinfo p:first-child { margin-top:0;}
.postinfo .anniu0 { margin-top:0; margin-bottom:0;}

.partinfo .more,.postinfo .more {color:#fff; display:inline-block; *zoom:1; vertical-align:top; text-align:center; padding:.25em .5em; border-radius:5px 0 5px 0; background-color:#09f; position:absolute; right:0; bottom:0;}
.partinfo .moreon,.postinfo .moreon { background-color:#f00;}
.partinfo .moreopen {}
.partinfo .moreclose,.postinfo .moreclose {color:#09f;}

.morebox { display:none; position:relative; z-index:350;}





.Copyright { clear:both; color:#ccc; font-size:.75em; padding:1em; margin-top:4%; border-top:3px solid #ddd; }
.Copyright b { color:#999;}




.contentbox { position:relative; padding:4% 4% 4% 4%; }
.contentboxLR { position:relative; padding:0 4%;}
.contentboxTB { position:relative; padding:4% 0;}
.contentboxT { position:relative; padding:0 4% 4% 4%;}

.contentboxfull { position:relative; padding:0; }


.contenttext {}


.contentinfo { padding:0; font-size:1em; color:#999; margin-top:4%; text-align:left; overflow:hidden; *zoom:1; }
.contentinfo u { color:#f00;}

.contentnum { overflow:hidden; *zoom:1; float:right; text-align:center; font-size:.75em; }
.contentnum li { display:inline-block; *zoom:1; vertical-align:top; text-align:center; padding:.25em .5em;  border-left:1px solid #ddd;}
.contentnum li:first-child {border-left:none;}
.contentnum li b { text-align:center; font-weight:normal;}

.contentinfotext { display:table-cell; *display:inline-block; width:5000px; *width:auto; vertical-align:top; padding:.25em 0; text-align:left; position:relative;}

.contentinfotext p,.contentinfotext h1 { text-align:left !important; margin:0 !important; font-size:.75em;}
.contentinfotext h1 { font-size:1em !important;}
.contentinfotext i { color:#ddd;}
.contentinfotext span { font-weight:normal;}
.contentinfotext b { font-weight:normal;}

.contentinfotext .more { color:#f00;}

.posticon { font-size:.75em; text-align:center;}
.posticon b { padding:.25em; font-weight:normal; display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; color:#f00; white-space:nowrap; }
.posticon u { color:#666;}




.content { text-align:left; margin-bottom:4%;}
.content1 {min-height:auto !important; }
.contentAuto { margin-bottom:4%;}

.catalog .content { margin-bottom:0;}


.content h1 { text-align:center; color:#333; font-weight:bold; }
.content h2 { text-align:center; color:#333; font-weight:bold; }
.content h1 a { color:#333;}
.content h1 a:hover { text-decoration:underline;}

.content h3 { font-size:1.125em; color:#555; clear:both; margin-top:2em; border-bottom:1px solid #ddd; overflow:hidden; *zoom:1; }
.content h3 b { display:inline-block; *zoom:1; vertical-align:middle;color:#333; background-color:#ddd; padding:.5em 1em; }
.content h3 span { display:inline-block; *zoom:1; vertical-align:middle; padding:.75em 1em; color:#999; }




.content h5 { font-size:1.25em; line-height:1.0; padding:0; margin:0 0 1em 0; clear:both; text-align:left;  border-left:3px solid #333; }
.content h5 b { color:#333; display:inline-block; *zoom:1; vertical-align:middle; padding:0 .25em; font-weight:normal; }
.content h5 em { display:inline-block; *zoom:1; vertical-align:middle; float:right; font-weight:normal;}
.content h5 a { color:#f00;}

.catalog .content h5 { line-height:1.5; text-align:center; border:none; margin-bottom:0; }
.catalog .content h5 b { border-top:3px solid #333; }


.text { text-align:left; margin-top:2%; }
.text img { max-width:99%; display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
.text p { text-align:justify;}
.text p a {text-decoration-line:underline; text-decoration-style:dashed; }


.text blockquote { margin:1em auto; padding:.5em 1em; border-left:3px solid #09f; color:#09f; background-color:#ecf5ff; }
.text blockquote:first-child { margin-top:0;}
.text blockquote p { margin:.5em auto;}

.text blockquote blockquote { font-size:.75em; background-color:#d2e9ff; border-left:3px solid #08f; color:#08f; }

.attention { clear:both; text-align:left; overflow:hidden; *zoom:1;}
.attention p { padding-left:1em; background:url(/weboss/images/icon_16_attention.png) 0 4px no-repeat; }


.text h5 { text-align:left; margin-top:1em;}



#citynav { width:100%; height:50px; overflow:hidden; clear:both; text-align:center;}
#citynav a { display:inline-block; *zoom:1; width:48px; height:48px; line-height:48px; margin:0 auto; text-align:center; border-radius:50%; overflow:hidden; color:#fff;  border:1px solid #fff; }





.RALcolor a { text-decoration:none !important; color:#fff !important; font-size:12px; padding:1em 1.5em; display:inline-block; *zoom:1;}


/**********************************    pagebar   ************************************/
.pagebar { width:99%; clear:both; text-align:center; margin:1em auto; padding:1px; overflow:hidden; *zoom:1; }
.pagebarbox {}
.pagebar a { display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; margin:-1px; padding:0 15px; height:40px; line-height:40px; border:1px solid #ddd;background-color:#fff; position:relative; z-index:5;}

.pagebar .pagebar-current { position:relative; z-index:6; background-color:#eee; }
.pagebar .pagebar-extend {padding:0;}

.pagebar .pagebar-prev { border-radius:4px 0 0 4px; background-color:#eee; }
.pagebar .pagebar-next { border-radius:0 4px 4px 0; background-color:#eee; }

.pagebar a:hover { border:1px solid #07f; text-decoration:none; background-color:#08f; color:#fff; position:relative; z-index:6; box-shadow:none; }



.pagebar .pagebar-loading { display:block !important; color:#999; padding-left:0 !important;margin:0 !important; border-radius:4px; box-shadow:0 0 .5em #eee inset; text-align:center; background-color:#f5f5f5;}

.ias_trigger,.ias_loader { font-size:12px;}
.ias_trigger a,.ias_loader a {color:#f80;}



/*******************    tuzi     ************************************************************************************/
.tuzi { overflow:hidden; *zoom:1; width:92%; padding:4%; padding-top:120px; background-color:#f5f5f5; display:flex; flex-wrap:wrap; }


.tu { width:33.3333%; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; overflow:hidden; text-align:center; float:left; margin-right:4%;}
.tubox { position:relative; overflow:hidden; *zoom:1; width:100%; height:100%; }




#tuziimg { width: 100%; height:100%; position:relative; }
#tuziimg .swiper-wrapper { white-space:nowrap;}
#tuziimg .swiper-slide { display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden;}
#tuziimg img { width:100%; display:block; }


 




.zi { width:62.6666%; float:right; display:inline-block; *display:inline; *zoom:1; vertical-align:top;  text-align:left; }
.zibox { padding:0; position:relative; overflow:hidden; *zoom:1; }



.zi h1,.zi h2 { padding:0; margin:0; color:#333; font-size:1.5em; font-weight:bold;}
.zi p { padding:0; margin:0;}


.zi .zhaiyao { overflow:hidden; margin-top:0; color:#999; font-size:.875em; }




.jiagemod { position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:1em; padding:.5em 0 1em 0; clear:both;}


.jiagemodtitle { float:left; }
.jiagemodtitle b { font-weight:normal; }

.jiagemodtext { display:table-cell; *display:inline-block; width:2000px; *width:auto; vertical-align:top;}

.jiagemodtext a { margin:0 .5em .5em 0; display:inline-block; *zoom:1; vertical-align:middle; padding:.25em .5em;  border-radius:2em; overflow:hidden; color:#666; text-align:center; border:1px solid #ddd; font-size:.75em; }
.jiagemodtext a:hover { color:#000; border:1px solid #000;}


.jiage { clear:both; margin-bottom:.5em; position:relative; padding:.5em 0; overflow:hidden; *zoom:1; }
.jiage b { line-height:1;}
.jiage big { color:#f00; font-size:1.75em;}
.jiage a { display:inline-block; *zoom:1; position:absolute; color:#999; font-size:.875em; }
.jiage a:hover { color:#f00; }
.jiage .jgsm { right:0; top:0; }
.jiage .gyys { right:0; bottom:.5em;  }


.chicun { text-align:left; clear:both; }
.chicun .jiagemodtext a { background-color:#fff; border-color:#ccc; }

.cengzhan { text-align:left; clear:both; }

.zaizhong { text-align:left; clear:both; }

.xinghao { text-align:left; clear:both; }

.yanse { text-align:left; clear:both; }
.yanse .yanse_1 { background-color:#f5f5f5; color:#333;}
.yanse .yanse_2 { background-color:#fc9; color:#333;}
.yanse .yanse_3 { background-color:#fff; color:#666;}
.yanse .yanse_4 { background-color:#333; color:#fff;}
.yanse .yanse_more { background-color:#fff;}

.guanguang { text-align:left; clear:both; }




.beizhu { text-align:left; margin-top:1em; clear:both; color:#ccc; display:none }


.zixun { margin-top:1em; clear:both; text-align:left; font-size:1.125em; padding-bottom:1em; padding-right:4em;  position:relative; }

.zixunon { position:absolute; right:0; top:0;}

.zixun .shuzi { display:inline-block; *zoom:1; position:absolute;color:#999; font-size:.75em; }
.zixun .liulan { right:0; top:1em; }
.zixun .pinglun { right:0; bottom:3em;  }
.zixun .liulan big,.zixun .pinglun big { color:#f00; font-size:100% !important; font-weight:normal; }


.jiagemod #cengzhan .actived { border:1px solid #333; }
.jiagemod #zaizhong .actived { border:1px solid #333; }
.jiagemod #yanse .actived { border:1px solid #333; }
.jiagemod #guanguang .actived { border:1px solid #333; }


.tab { clear:both; width:100%; height:60px; padding:0 0%; text-align:center; position:absolute; left:0; top:0; z-index:9600; }

.tab a { display:inline-block; *zoom:1; vertical-align:top; text-align:center; width:25%; height:60px; line-height:60px; padding:0; color:#666; font-weight:normal; font-size:1.125em; margin:0; float:left; margin-left:-1px; border-left:1px solid #ddd; background-color:#eee; }

.tab .tabnav9 { display:none; float:right; background-color:#f80; color:#fff; }
.tab .tabnav9:hover { background-color:#f70; box-shadow:0 0 3px #f60;}

.tab a u {}




.tabon { position:fixed; text-align:left; }
.tabon a { border-top:2px solid #333; height:58px;}
.tabon .tabnav_current { background-color:transparent; border-top:2px solid #09f; color:#09f;}
.tabon .tabnav9 { display:block;}






.catenav { clear:both; overflow:hidden; *zoom:1; margin-bottom:1em;  }
.catenav li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:2% 2% 0 0; white-space:nowrap;}
.catenav li a { display:block; zoom:1; padding:.5em 1em; text-decoration:none; background-color:#333; color:#fff; border-radius:3px; }
.catenav li a:hover { background-color:#fb0; color:#333;}


ul.silan { clear:both; width:100%;}
ul.silan li { display:inline; float:left; width:25%; overflow:hidden; text-align:left; margin-top:10px; }
ul.silan li img { width:134px; overflow:hidden;}
ul.silan li a:hover { text-decoration:underline; }















.tels { clear:both; background-color:#eee; color:#f80;}
.tels .box { padding-top:1.5em; padding-bottom:1.5em;}


.tels .left { width:50%; }
.tels .right { width:25%; text-align:center; }
.tels h3 { font-weight:bold; color:#f80; }
.tels p { margin-top:.5em;}
.tels p a { display:inline-block; *zoom:1; vertical-align:top; padding:.5em 1em; color:#f80; border-radius:3px; border:1px solid #f80; }
.tels p a:hover { color:#fff; box-shadow:0 0 3px #999; background-color:#f90;}
.telstel:hover { background-color:#fc0; color:#333; }

.tels .right img { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 1%; width:70px; padding:5px;}


.weixin { display:inline-block; *display:inline; *zoom:1; vertical-align:top;  width:70px; float:left; margin-right:2%; }













/**********************************    .location   ************************************/

.location { clear:both; color:#ccc; background-color:#eee; }
.location .box { display:flex; flex-wrap:wrap; }

.location .left { width:49%; padding:0; overflow:hidden; }
.location .right { width:49%; padding:0; }

.locationinner { font-size:12px; }
.locationinner a { display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; max-width:110px; line-height:60px; white-space:nowrap; text-overflow:ellipsis; color:#09f; }
.locationinner a:hover { color:#000;}

.locationinner b { display:none; color:#000; margin-top:.75em;}
.locationinner img { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 1%; width:100px; padding:0;}
.locationinner a i { display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; padding:0; width:40px; height:60px;  background:url(/weboss/images/city04.gif) right center no-repeat; margin:0 3px 0 -25px; }




/**********************************    .onlinechat_list   ************************************/
.onlinechat_list { margin:0; padding:0;}
.onlinechat_list dt { display:none;}
.onlinechat_list dd { margin:0; padding:0; text-align:center;}
.onlinechat_list dd a { display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:60px; height:60px; line-height:60px; background-position:center center; background-repeat:no-repeat; border-left:1px solid #ddd; 
          -webkit-transition:all 0.3s ease-in-out;
		  transition:all 0.3s ease-in-out;}

.onlinechat_sq { background-image:url(/weboss/images/icon_32_sq.png);}
.onlinechat_wx { background-image:url(/weboss/images/icon_32_wx.png);}
.onlinechat_qq { background-image:url(/weboss/images/icon_32_qq.png);}
.onlinechat_ww { background-image:url(/weboss/images/icon_32_ww.png);}
.onlinechat_email { background-image:url(/weboss/images/icon_32_email.png);}
.onlinechat_whatsapp { background-image:url(/weboss/images/icon_32_whatsapp.png);}
.onlinechat_skype { background-image:url(/weboss/images/icon_32_skype.png);}


.onlinechat_list dd a:hover {background-color:#ccc; box-shadow:0 0 2em #333 inset; }


.onlinechat_list .onlinechat_chat { width:auto; padding:0 1em; color:#f00; }
.onlinechat_list .onlinechat_tel { width:auto; padding:0 1em; }


#nb_icon_wrap,#nb_invite_wrap,#nb_nodeboard,#newBridge,#nb_icon_groups,#nb_invite_welcome,.nb-invite-btn-base { position:absolute; right:-9999em !important; top:-9999em !important;}




/**********************************    .menu  begin   ************************************/
.menu { clear:both; width:100%; position:relative; z-index:2; background-color:#f5f5f5;}
.menu .boxfull {}

.menu dl { display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:11%; margin:1em 0 2em 4%; padding:0; overflow:hidden; }
.menu dl dt { font-size:1.125em; position:relative; height:60px; overflow:hidden; *zoom:1; color:#555; }
.menu dl dt img { display:inline-block; *display:inline; *zoom:1; }
.menu dl dt a { display:block; *zoom:1; width:100%; color:#000; position:relative; }

.menu dl dt b { display:inline-block; *zoom:1; padding:0; height:60px; line-height:60px; overflow:hidden; font-weight:normal; }

.menu dl dt i { display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; width:60px; height:60px; line-height:60px; text-align:right; position:absolute; right:0; top:0; display:none; cursor:pointer;
-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
}



.menu dl dd {}
.menu dl dd ul {}
.menu dl dd li a { display:block; *zoom:1; width:100%; padding:.375em 0; color:#999; transition:all 0.3s ease-in-out; }
.menu dl dd li a:hover { color:#000; text-decoration:underline; }
.menu dl dd li img {  display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}


.menu .menulist9 { float:right; width:21%; margin-left:0; margin-right:4%; }
.menu .menulist9 dd { display:block; border-right:none; padding-right:0;  }




.menu .active { background-color:#fff;}
.menu .active dt b { color:#09f;}
.menu .active dt i {
                    -webkit-transform:scale(1,-1);transform:scale(1,-1);
}


.weixin_list { clear:both; overflow:hidden; *zoom:1; margin-top:1em; color:#fff; font-size:.875em; }
.weixin_list li { display:inline-block; *display:inline; *zoom:1; float:left; width:36%; text-align:center; margin-top:1em; margin-right:20%; background-color:#09f; border-radius:5px; overflow:hidden; border:1px solid #09f; }
.weixin_list li img { width:100%; margin:0 auto; }
.weixin_list li span {color:#ccc;}

.weixin_list li.last { margin-right:0; float:right;}








.tel-global { width:80% !important; padding:.5em 11% .5em 9% !important; color:#fff !important;  margin-top:.75em; background-color:#08f; border-radius:3px; }
.tel-global u { display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; width:48px; height:48px; margin-right:1em; background-image:url(/weboss/images/tel.png); background-position:center center; background-repeat:no-repeat;
animation:tel-globalu0u 3s infinite linear;
}
.tel-global span { display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; height:48px; font-size:1.25em; font-weight:bold }
.tel-global small { display:block; text-align:left; text-indent:.125em;}
.tel-global:hover { background:none !important; background-color:#06c !important;}

@keyframes tel-globalu0u {    
    0% {
       transform:rotate(0deg) scale(1,1);
    }
    50% {
       transform:rotate(-180deg) scale(1,1);
    }
    100% {
       transform:rotate(-360deg) scale(1,1);
    }

}




/********* .footer ********************************************************************************/
.footer { color:#666; background-color:#000; font-size:.75em; position:relative; z-index:3;}

.footer a { color:#ccc;}
.footer a:hover { color:#09f;}

.footer .box { padding-top:1em; padding-bottom:1em; }
.footer u { text-decoration:none; white-space:nowrap;}
.footer h6 { margin-top:1em; }

.footer .left { width:52%;text-align:left;}
.footer .right { width:44%; text-align:right; }


.footerlogo { display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:80px; float:right; margin-left:6%;
}





.links { overflow:hidden; *zoom:1; clear:both; text-align:left; color:#ccc; padding:0; background-color:#000; font-size:.75em; }
.links a { color:#666;}
.links a:hover { color:#999;}

.beian { text-align:right; display:inline-block; *display:inline; *zoom:1; vertical-align:top; float:right;}
.beian img { display:inline-block; *display:inline; *zoom:1; vertical-align:bottom;}









/*********     ***********************************************************************/
@media screen and (max-width: 799px) {
     .wbr { display:block;}
	 
.header { height:60px;}
	 
	.logo { width:100px; margin-left:5px; }
	.logo img { height:auto; width:100%; }
	
	
.nav { height:60px;}

.navlist dt { height:60px;}
.navlist dt a { margin-top:0; }
	


		 .navicon { display:block; *zoom:1; width:40px; height:60px; line-height:60px; position:absolute; right:0; top:0; overflow:hidden; color:#666; text-align:center; font-weight:normal; z-index:503; }
		 
		 
		 
         .navicon u { display:inline-block; *zoom:1; width:40px; height:60px; line-height:60px; text-align:center; color:#000; cursor:pointer; transition:all 0.25s ease-in-out; }
		 .active .navicon  u { color:#09f; transform:rotate(90deg);}
		 
		 .navbox {  display:none; width:100%; position:absolute; left:0; top:60px; z-index:704; box-shadow:0px 3px 3px #666; }
		 
         .navlist .last {}
		 .navlist dl { width:100%; float:none; background-color:#fff; border-top:1px solid #eee; }
		 .navlist dt { text-align:left; }
		 .navlist dl dt i { float:right;}

		 .navlist dd { position:static; text-align:left; box-shadow:none;  }
		 
		 .navlist li { width:46%;}
		 


	 
.topbar { height:60px; padding-right:40px;}



.wel {}	
	
	

	
	

	.tels .left,.tels .right { float:none; width:100%; text-align:center; }
	.tels p a { margin:5% auto; }
	
	
	.onlinechat_list .onlinechat_chat { border:1px solid #ccc; display:block; border-radius:5px;}
	.onlinechat_list .onlinechat_wx { border-left:none;}


		 .location .left { float:none; width:100%; text-align:center; }
		 .location .locationinner { white-space:nowrap;}
         .location .right { float:none; width:100%; text-align:center; }



		 .menu dl { width:92%; margin:0; float:none; padding:0 4%; border-top:1px solid #eee; }
		 .menu dl dt i { display:block; }
		 .menu dl dd { display:none; }
		 
		 .menu .menulist9 { width:92%; margin:0; padding-bottom:1em; }




#banner0nav .swiper-inner { padding:10px; }
#banner0nav .swiper-inner img {display:none;}
#banner0nav .swiper-inner p big { font-size:1.25em;}
#banner0nav .swiper-inner p a { margin-top:10px; margin-bottom:0; padding:5px;}

#banner0 {padding-top:60px; }


.banner0 .left { width:92%; text-align:center; }
.banner0 .right { width:92%; text-align:center; margin-top:-20%; }



.banner0 h1,.banner0 h2 { margin-top:4%; font-size:.875em !important; }







.banner1 {padding-top:60px;}
.banner1 .left { width:100%; text-align:center; float:none; }
.banner1 .right { width:100%; text-align:center; float:none; display:none;}
.banner1text {}

.single2catalog #subnav { width:100% !important; }


.banner1 h1,.banner1title { font-size:1.25em; }
.banner1 h1 small,.banner1title small { display:block;}
.banner1 h2 { font-size:1em; }












.tab a span { display:none;}

	
    .part h1 { font-size:1.5em; }
    .part h2 { font-size:1.5em; }
    .part h3 { font-size:1.25em; }


.part .left { width:100%; float:none; }
.part .right { width:100%; float:none; }

.partnav li { width:46%;}


	.pricetime { margin-top:0;}	
	
	.modleft,.modright { display:block; float:none; width:92%; }

	.usertools .modleft,.usertools .modright { width:92%;}




    .mod22 .left { float:none; width:100%; }
    .mod22 .right {  float:none; width:100%; }




.main .box { width:100%; padding:0;}
.catalog .main .boxfull .contentbox { width:100%; padding:0;}


.mod22 .right h5:first-child { margin-top:12%;}
.mod22 .right h5 b { margin-top:-8%;}
.sidebar,.sidebar1 { margin:-2% 4% 4% 4%;}

 
.contenttext { padding:4%;}
	
	
	
.itemColumn1 .item { width:100%;}
.itemColumn2 .item { width:50%;}
.itemColumn3 .item { width:50%;}
.itemColumn4 .item { width:50%;}
.itemColumn5 .item { width:50%;}
.itemColumn6 .item { width:50%;}
.itemColumn7 .item { width:50%;}
.itemColumn8 .item { width:50%;}


.itemColumn1KX .item { width:100%;}
.itemColumn2KX .item { width:48%;}
.itemColumn3KX .item { width:48%;}
.itemColumn4KX .item { width:48%;}
.itemColumn5KX .item { width:48%;}
.itemColumn6KX .item { width:48%;}
.itemColumn7KX .item { width:48%;}
.itemColumn8KX .item { width:48%;}
	
.swiper-container .swiper-wrapper {}
.swiper-container .item { margin:auto;border:none;}
	
	
	
	
	

.content h1 { font-size:1.25em; }
.content h2 { font-size:1.25em; }
.zi h1,.zi h2 { font-size:1.25em; margin-top:1em; }
.tuzi { padding-top:80px; }


.contentinfotext { display:block; clear:both; width:auto; border-top:1px solid #eee; }

.guestbook .contentinfotext,.guestbookd .contentinfotext{ display:none;}

.contentnum { float:none;}
.contentnum li:first-child {border-left:none;}
.contentnum li b { display:inline-block;}

  .bjfw dl { width:50%; }
  .bjfw .bjfw0 { width:100%; }




.item dd h4 { font-size:1em;}	

    .module11 .item dd .zhaiyao { display:none;}
	.module11 dd span { display:none;}
    .module11 .item dt .itemdtinner { margin:10px; margin-right:0; }
	.module11 .item dd .itemddinner { padding:10px 10px 10px 10px; }
	.module11 .item dd .liulan { right:50px; bottom:10px; }
    .module11 .item dd .pinglun { right:10px; bottom:10px; }

    .module22 .item dd .itemddinner { padding:10px 10px 40px 10px; }
	.sidebar .module22 .item dd .itemddinner { padding-bottom:10px;}
	.module22 .item dd .liulan { left:10px; bottom:10px; }
    .module22 .item dd .pinglun { right:10px; bottom:10px; }


    .module33 .item dt { float:none; width:100%;}
	.module33 .item dt .itemdtinner { margin:10px; margin-bottom:0; }
	.module33 .item dd .itemddinner { padding:10px 10px 40px 10px; }
	.module33 .item dd p.zhaiyao { display:none;}
	.module33 .item dd .liulan { left:10px; bottom:10px; }
    .module33 .item dd .pinglun { right:10px; bottom:10px; }
	.parttext .module33 .item dd h4 { text-align:center;}
	
    .module44 .item dd .itemddinner { padding:10px 10px 40px 10px;}
	.module44 p { display:none;}
	.module44 .item dd .liulan { left:10px; bottom:10px; }
    .module44 .item dd .pinglun { right:10px; bottom:10px; }

	.module66 .item dd .itemddinner { padding:10px 10px 50px 10px;}
	.module66 .item dd .zhaiyao { display:none;}
	.module66 p { display:none;}
	.module66 .item dd .liulan { left:10px; bottom:10px; }
    .module66 .item dd .pinglun { right:10px; bottom:10px; }

	.module77 .item dd .itemddinner { padding:10px 10px 40px 10px;}
 	.module77 .item dd .zhaiyao { display:none;}
	.module77 p { display:none;}
	.module77 .item dd .liulan { left:10px; bottom:10px; }
    .module77 .item dd .pinglun { right:10px; bottom:10px; }
	
	
	.col_2 ol li,.col_2 dl { width:100%;}
	.col_3 ol li,.col_3 dl { width:100%; border-top:1px dashed #ccc; }
	.col_4 ol li,.col_4 dl { width:50%;}
	
	.col_3 li:first-child,.col_3 dl:first-child { border-top:none;}


    .colKX_ol ol,.colKX_dl>div {}
    .colKX_2 ol li,.colKX_2 dl { width:96%;}
    .colKX_3 ol li,.colKX_3 dl { width:96%; border-top:1px dashed #ccc; text-align:center; }
	.colKX_4 ol li,.colKX_4 dl { width:46%;}
	.colKX_6 ol li,.colKX_6 dl { width:46%;}
	
	.colKX_3 li:first-child,.colKX_3 dl:first-child { border-top:none;}
	
	.tu { float:none; width:100%; padding:0; margin:0;}
	.zi { float:none; width:100%;  padding:0; margin:0;}
    .zi b { display:block; margin-bottom:.5em; }
	
	
    .colmod4 li { width:31.3333%;}
	






.tabnav { font-size:.875em;}
.tabnav i { display:block;}


		 .links { display:none;}
		 

		 .footer .left { width:100%; text-align:center; float:none;}
		 .footer .right { width:100%; text-align:center; float:none; display:none;}
		 .footerlogo { float:none; margin-left:0;}
		 .weixin {  float:none; margin-right:0; max-width:50%; width:auto; }

}

@media screen and (min-width: 800px) and (max-width: 1023px) {
	 
     }
 
@media screen and (min-width: 1024px) and (max-width: 1440px) {

     }
 
@media screen and (min-width: 1441px) {

     }
     
     
     .dede_pages{clear:both!important;padding:10px 0;margin:10px auto;text-align:center}
.dede_pages ul{list-style:none;text-align:center;padding:0;margin:0}
.dede_pages ul li{list-style:none;display:inline-block;height:30px;line-height:30px;padding:0 7px;margin:0 2px;text-align:center;overflow:hidden;white-space:nowrap;border:#999 1px solid;border-radius:3px}
.dede_pages ul li:hover{background:#4285f4;color:#fff;border-radius:3px}
.dede_pages ul li a{display:inline-block;height:30px;line-height:30px;padding:0 7px;margin:0;color:#555;overflow:hidden}
.dede_pages ul li a:hover{color:#fff;overflow:hidden;text-decoration:none}
.dede_pages ul li.thisclass{padding:0 12px;background:#4285f4;border:#4285f4 1px solid;color:#fff;font-weight:700}
.dede_pages ul li.thisclass a{padding:0;color:#fff}